<template>
  <div>
      我是ablut
      <div class="box">
         <div class="left">
            <router-view name="left"></router-view>
         </div>
         <div class="center">
             <router-view></router-view>
         </div>
         <div class="right">
           <router-view name="right"></router-view>
         </div>
       </div>
  </div>
</template>

<script setup>
import { reactive} from 'vue'
const state = reactive({
  count: 0,
})
let btnclick = () => {
  state.count++
}
</script>

<style lang="scss" scoped>
.box{
  height: 400px;
  display: flex;
  .left,.right,.center{
    flex: 1;
    border:1px solid #ddd;
  }
}
</style>